//设备定位以及移动轨迹、围栏设置，围栏地图开始
.move_record,.dev_position,.safe_file,.safe_map,.sos_sign {
	.btn {
		position: absolute;
		top: 5px;
		right: 10px;
		width: 60px;
		height: 30px;
		border-radius: 4px;
		font-size: 14px;
	}
}

//设备定位
.move_record,.dev_position,.sos_sign {
	height: 100%;
	.box {
		position: relative;
		.sizing;
		height: 100%;
		padding-top: 40px;
	}
	.hd {
		position: absolute;
		top:0px;
		width: 100%;
		height: 40px;
		background: #fff;
		z-index: 2;
	}
	.address {
		padding: 0px 70px 0px 12px;
		.font(#333,16px,40px);
		span {
			padding: 0px 5px;
			color: #4aa7ea;
		}
	}
	.allMap {
		height: 100%;
	}
}

//移动记录
.move_record {
	.box {
		padding-top: 60px;
	}
	.hd {
		height: 60px;
		.btn {
			top: 15px;
		}
	}
	.dataBox {
		margin: 13px 15px 13px 25px;
	}
	.data_con {
		padding-bottom: 5px;
	}
	.one_w {
		display: none;
	}
	.checkTime {
		position: relative;
		margin-top: 20px;
	}
	.time {
		position: absolute;
		bottom: 100%;
		width: 100%;
		line-height: 16px;
		text-align: center;
	}
	.st_time, .end_time {
		padding : 0px 5px;
		line-height: 40px;
	}
	.rangebox {
		width: 250px;
		height: 40px;
	}
}

//行动区域划分
.safe_file {
	h1 {
		text-indent: 10px;
		i {
			font-size: 20px;
			color: #4aa7ea;
		}
	}
	.con {
		box-shadow: 0px 0px 2px 0px #98b3ef;
		background: #fff;
	}
	ul {
		width: 100%;
		text-align: left;
	}
	li {
		float: left;
		.sizing;
		padding: 10px;
		.btn {
			position: static;
			width: 100%;
			height: 76px;
			border: 1px solid #cfd9ed;
			font-size: 20px;
			line-height: 76px;
			font-family: "Microsoft YaHei";
			font-weight: 600;
			letter-spacing: 3px;
			i {
				margin: 5px;
			}
		}
	}
	.item {
		padding: 5px 12px;
		border: 1px solid #cfd9ed;
		background: #fff;
	}
	.sign {
		float: left;
		width: 80%;
		dt {
			.font(#333,16px,38px);
			font-weight: 600;
			span {
				margin-left: 14px;
				color: #4aa7ea;
			}
		}
		dd {
			.font(#333,14px,22px);
		}
	}
	.operate {
		float: right;
		width: 20%;
		text-align: center;
		a {
			padding: 3px;
			line-height: 64px;
		}
	}
}

//行动区域设置地图
.safe_map {
	height: 100%;
	.model, .name {
		margin: 13px 10px 0px 10px;
	}
	label {
		.font(#333,14px,20px);
	}
	input[type="text"] ,select {
		border: 1px solid #dadee7;
		.font(#333,14px,20px);
	}
	.box {
		position: relative;
		padding-top: 90px;
		.btnBack {
			top: 45px;
		}
	}
	.hd {
		position: absolute;
		top:0px;
		width: 100%;
		height: 90px;
		background: #fff;
		z-index: 2;
	}
	.check_r {
		position: relative;
		margin-top: 25px;
	}
	.r {
		position: absolute;
		bottom: 100%;
		width: 100%;
		line-height: 16px;
		text-align: center;
	}
	.min_r, .max_r {
		padding : 0px 5px;
		line-height: 40px;
	}
	.rangebox {
		width: 200px;
		height: 40px;
		margin-right: 12px;
	}
	.allMap {
		height: 100%;
	}
	.file {
		width: 50%;
	}
	.address {
		width: 100%;
		margin: 0px 12px;
		.btn {
			position: static;
			letter-spacing: 3px;
			margin-left: 8px;
			height: 24px;
			font-size: 12px;
		}
	}
}

.sos_sign {
	.box {
		padding-top: 60px;
	}
	.hd {
		height: 60px;
	}
	.btn {
		top: 15px;
	}
	.address,.time {
		padding: 0px 70px 0px 12px;
		.font(#333,16px,30px);
	}
}
//设备定位以及移动轨迹、围栏设置，围栏地图结束
.rotate(@deg) {
	-webkit-transform: rotate(@deg);
	-moz-transform: rotate(@deg);
	-ms-transform: rotate(@deg);
	transform: rotate(@deg);
}

.scale(@s) {
	-webkit-transform: scale(@s);
	-moz-transform: scale(@s);
	-ms-transform: scale(@s);
	transform: scale(@s);
}
.tstion(@a:all,@b:0.5s,@c:linear,@d:0s) {
	-webkit-transition: @a @b @c @d;
	-moz-transition: @a @b @c @d;
	-ms-transition: @a @b @c @d;
	transition: @a @b @c @d;
}
.tsform (@l:0px, @deg:0deg,@s:1) {
	-webkit-transform: translate(@l) rotate(@deg) scale(@s);
	-moz-transform: translate(@l) rotate(@deg) scale(@s);
	-ms-transform: translate(@l) rotate(@deg) scale(@s);
	transform: translate(@l) rotate(@deg) scale(@s);
}
.font(@color : #000,@size:12px,@H :1.4,@family: "Microsoft YaHei",@w: normal) {
	color: @color;
	font-size: @size;
	line-height: @H;
	font-family: @family;
	font-weight: @w;
}
.text(@align: left, @indent: 0px,@deco: none) {
	text-align: @align;
	text-indent: @indent;
	text-decoration: none;
}
// 绘制三角形开始
.tTriangle(@w:5px,@h:10px,@col:#fff) {
	display: block;width: 0;height:0;
	border-left: @w solid transparent;
    border-right: @w solid transparent;
    border-bottom: @h solid @col;
}
.bTriangle(@w:5px,@h:10px,@col:#fff) {
    display: block;width: 0;height:0;
	border-left: @w solid transparent;
    border-right: @w solid transparent;
    border-top: @h solid @col;
}
.lTriangle(@w:5px,@h:10px,@col:#fff) {
	display: block;width: 0;height:0;
	border-top: @w solid transparent;
    border-bottom: @w solid transparent;
    border-right: @h solid @col;
}
.rTriangle(@w:5px,@h:10px,@col:#fff) {
	display: block;width: 0;height:0;
	border-top: @w solid transparent;
    border-bottom: @w solid transparent;
    border-left: @h solid @col;
}
// 绘制三角形结束
.txthd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.clearBg {
	-webkit-user-select: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
  	-webkit-touch-callout: none;
}
.sizing {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inputReset {
	outline: none;
	border: none;
	.sizing
}
.flex {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.uesr_select{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
